<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1.0" />
		<meta charset="utf-8" />

		<script src="__PUBLIC__/Home/js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="__PUBLIC__/Home/js/jquery.mobile-1.4.5.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="__PUBLIC__/Home/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<!--<script src="__PUBLIC__/Home/js/index.js" type="text/javascript" charset="utf-8"></script>-->
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/index.css"/>

		<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/font-awesome.css"/>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/bootstrap.css"/>

		<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/weui.min.css"/>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/weui.css"/>

		<title>瑜伽馆预约</title>
	</head>
	<style media="screen">
	.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 6px;
	width: 102% !important
}
.jumbotron p {
    margin-bottom: 15px;
    font-size: 1.2rem;
    font-weight: 200;
}
	</style>

	<body>

		<div data-role="page">
		  <div class="page">
			<div class="top">
				<a href=""><img src="__PUBLIC__/Home/img/home.png"/></a>
				<span>/</span>
				<a href="" class="sport">瑜伽馆课程</a>
			</div>
			<!---->
			<div class="jumbotron" style="background:#FFFFFF">

	<form action="{:U('quxiao')}" method="post" target="_top" id="sub_info" accept-charset="utf-8">
		<div class="input-group input-group-lg">
		<input type="tel"  class="form-control" style="z-index:30" name="mobile" placeholder="请输入您的手机号码" value="">
		<span class="input-group-btn">
			<button class="btn btn-default" id="subthis" type="submit"><i class="icon-search"></i> 点此查询 </button>
		</span>
    </div>
	</form>
	<br>
	<div class="well">
		<empty name="res">
			<p>对不起，没有查询到预约记录</p>
			<p>请检查手机号码是否输入正确</p>
			<p>或已超过允许取消的时间范围，无法取消</p>
			<else/>
			<table class="table" style="width:100%">
			<tr>
				<th>课程</th><th>预约时间</th><th>操作</th>
			</tr>
			<volist name="res" id="v">
				<tr id="tr_{$v.id}">
					<td>{$v.course_id|getcoursename}</td>
					<td>{$v.yueyu_time}</td>
					<td>
						<button type="button" class="btn btn-xs btn-success ui-btn ui-shadow ui-corner-all" data-toggle="modal" name="addWeek" class_id="{$v.id}" onclick="quxiaoyuyue({$v.id})" style="width:3em;padding:0;">
															取消																			</button>
					</td>
				</tr>

			</volist>
		</table>
		</empty>


		</div>
	</div>
			<!---->


			  <include file="Common/main" />
		    </div>
		</div>


    
	</body>
</html>
<script type="text/javascript">
$(function(){


	$("#subthis").click(function() {
		$("#sub_info").submit();
	})

})

function quxiaoyuyue(i)
{
	if(confirm("确认取消么？"))
	{
		$.post("{:U('ajaxquxiao')}", { id: i },
	   function(data){
			 	if(data)
				{
					$("#tr_"+i).hide();
				}
	   }, "json");
	}

}
</script>
